<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="../../zxt/zxt.js"></script>
	<script>
		importZXT("../../zxt");
	</script>
	<script type="text/javascript" src="../data/datasource.js"></script>		
</head>

<body class="bodyBackground">

	  
	<div id="pager" zxt="zxt.ui.DataPager" zxt.model="tmodel"></div>
	<table>
		<tr>
			<td>getType()</td>
			<td>返回按钮的控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('翻页器的type为'+$zxtUI.pager.getType());"/></td>
		</tr>
		<tr>
			<td>pageChange(pc)</td>
			<td>当前选择页改变</td>
			<td><input type="button" name="pageChange" value="pageChange" 
				onclick="$zxtUI.pager.pageChange(5);alert('翻页器翻到了第五页');"/></td>
		</tr>
		<tr>
			<td>sizeChange(sc)</td>
			<td>每页显示数改变</td>
			<td><input type="button" name="sizeChange" value="sizeChange" 
				onclick="$zxtUI.pager.sizeChange(5);alert('翻页器每页显示5条');"/></td>
		</tr>
	</table>
	<hr>
	<div id="scroller" zxt="zxt.ui.DataScroller" zxt.model="tmodel" zxt.page="5"></div>
	<table>
		<tr>
			<td>getType()</td>
			<td>返回按钮的控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('翻页器的type为'+$zxtUI.scroller.getType());"/></td>
		</tr>
		<tr>
			<td>first()</td>
			<td>翻转至第一页</td>
			<td><input type="button" name="first" value="first" 
				onclick="$zxtUI.scroller.first();alert('翻页器翻到了第一页');"/></td>
		</tr>
		<tr>
			<td>last()</td>
			<td>翻转至最后一页</td>
			<td><input type="button" name="last" value="last" 
				onclick="$zxtUI.scroller.last();alert('翻页器翻到了最后一页');"/></td>
		</tr>
		<tr>
			<td>jumpTo(idx)</td>
			<td>跳转到指定页</td>
			<td><input type="button" name="jumpTo" value="jumpTo" 
				onclick="$zxtUI.scroller.jumpTo(3);$zxtUI.scroller.render();alert('翻页器翻到了第三页');"/></td>
		</tr>
		<tr>
			<td>pre()</td>
			<td>翻转至前一页</td>
			<td><input type="button" name="pre" value="pre" 
				onclick="$zxtUI.scroller.pre();alert('翻页器翻到了前一页');"/></td>
		</tr>
		<tr>
			<td>next()</td>
			<td>翻转至下一页</td>
			<td><input type="button" name="next" value="next" 
				onclick="$zxtUI.scroller.next();alert('翻页器翻到了下一页');"/></td>
		</tr>
		<tr>
			<td>limit()</td>
			<td>每页显示的记录条数</td>
			<td><input type="button" name="limit" value="limit" 
				onclick="alert('翻页器每页显示'+$zxtUI.scroller.limit()+'条');"/></td>
		</tr>
		<tr>
			<td>pageCount()</td>
			<td>计算总页数</td>
			<td><input type="button" name="pageCount" value="pageCount" 
				onclick="alert('翻页器一共有'+$zxtUI.scroller.pageCount()+'页');"/></td>
		</tr>
	</table>
	<div><a href="../index.html">返回</a></div>
</body>
</html>

<script type="text/javascript"">

	$zxt.init();
	
</script>